<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户和组关联</title>
<link rel="stylesheet" type="text/css" href="../resources/css/formPage.css" />
<script type="text/javascript" src="../resources/scripts/jsutil.js"></script>
<script type="text/javascript" src="../resources/scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="user-group.js"></script>
</head>
<body>
<div id="wrapper"><!--<h2>用户和角色关联</h2>
-->
<div class="form-container">
<form name="dataform" id="dataform" action="#">
<fieldset><legend>用户和组关联</legend>
<table width="100%" align="center" style="border-collapse: collapse; border-color: Black; margin: 0px auto;">
		<tr>
				<td>用户名：<span id="sp_groupname"></span></td>
		</tr>
		<tr>
				<td>
				<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
								<td bgcolor="#FDFBE7"><b>选中的角色</b></td>
								<td style="background: #EEEEFF"><b>可选[组]</b></td>
								<td></td>
								<td style="background: #EEEEFF"><b>已选</b></td>
						</tr>
						<tr>
								<td width="20%" bgcolor="#FDFBE7" align="left" valign="top">
								<table id="roleList" ></table>
							
								</td>
								<td width="40%" align="center"><select id="SrcSelect" name="SrcSelect" size=10 style="height: 160px; width: 100%" multiple="multiple"
										ondblclick="moveLeftOrRight(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))">
								</select></td>
								<td width="40px" align="center"><input style="width: 40px" align="left" type=button value=">>" title="全部右移"
										onclick="moveLeftOrRightAll(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))"><br>
								<input style="width: 40px" align="left" type=button value=">" title="右移" onclick="moveLeftOrRight(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))"><br>
								<input style="width: 40px" type=button value="↑" title="上移" onclick="moveUp(document.getElementById('ObjSelect'))"><br>
								<input style="width: 40px" type=button value="↓" title="下移" onclick="moveDown(document.getElementById('ObjSelect'))"><br>
								<input style="width: 40px" align="left" type=button value="<" title="左移" onclick="moveLeftOrRight(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))"><br>
								<input style="width: 40px" align="left" type=button value="<<" title="全部左移" onclick="moveLeftOrRightAll(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))"></td>
								<td width="50%" align="center"><select id="ObjSelect" name="ObjSelect" size=10 multiple="multiple" style="height: 160px; width: 100%"
										ondblclick="moveLeftOrRight(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))">
								</select></td>
						</tr>
				</table>
				</td>
		</tr>
		<tr>
				<td height="20"></td>
		</tr>
		<tr>
				<td align="center">
				<input type="button" value="确     定" name="btn_submit" id="btn_submit" class="button" /> &nbsp; &nbsp; 
				<input type="button" value="关　闭" name="btn_reset" id="btn_reset"	class="button" /></td>
		</tr>
</table>
</fieldset>
</form>
</div>
</div>
</body>
</html>